import React from 'react';
import {
    StyleSheet,
    Text,
    View,
    TextInput,
    TouchableOpacity,
} from 'react-native';
import {BaseStyle} from "../../../Style/BaseStyle";
import Svg from "../../../Components/Svg";

export default class Search extends React.Component {
    constructor(props) {
        super(props);
    }
    render(){
        return(
            <View style={styles.originBack}>
                <View style={[styles.searchInput,BaseStyle.flexStart]}>
                    <Svg icon="search" color={BaseStyle.titleColor.backgroundColor} size={20}/>
                    <TextInput underlineColorAndroid="transparent" style={BaseStyle.textInputCommon}
                               placeholder={this.props.placeholder} />
                </View>
            </View>
        )
    }
}
const styles=StyleSheet.create({
    originBack:{
        ...BaseStyle.commonPadding10,
        ...BaseStyle.titleColor,
        paddingBottom:BaseStyle.commonPadding10.paddingHorizontal
    },
    searchInput:{
        ...BaseStyle.radius,
        ...BaseStyle.commonPadding10,
        backgroundColor:"#FFF"
    }
})
